// base color
$blue: #324157;
$light-blue: #3A71A8;
$red: #C03639;
$pink:  #E65D6E;
$green:  #30B08F;
$tiffany:  #4AB7BD;
$yellow: #FEC171;
$panGreen:  #30B08F;


$menuBg: #282C33;
$menuHover: #263445;

$menuText: #ADB6C8;
$menuActiveText: #3B6AF2;
$subMenuActiveText: #ffffff;
$border-color:#dcdfe6;


// :export {
//   menuBg: $menuBg;
//   menuHover: $menuHover;
// }

:root {
  --menuBg: #{$menuBg};
  --menuHover: #{$menuHover};
  --menuText: #{$menuText};
  --menuActiveText: #{$menuActiveText};
}